<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./字体图标/iconfont.css">
    <link rel="stylesheet" href="./css/zhuce.css">
    <title>注册</title>
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 导航条 -->
        <div class="navigation">
            <h1>电影网</h1>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="#">电影</a></li>
                <li><a href="#">电视剧</a></li>
                <li><a href="#">技巧</a></li>
            </ul>
            <div class="icon">
                <i class="iconfont icon-sousuo"></i>
                <i class="iconfont icon-xiaoxi"></i >
                <div>
                    <a href="zhuce.html" style="color: #fff;">
                        <p>账户</p>
                        <i class="iconfont icon-geren uname"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- 背景图 -->
        <div class="bei">
            <div class="bei_tu">
                <img src="./img/page-header-bg.jpg" alt="">
            </div>
            <!-- 阴影 -->
            <div class="bei_ti">
                <h1>账户.</h1>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="navbar">
        <div class="content">
            <!-- 内容标题 -->
            <div class="cont-title">
                <h1>注册您的会员资格</h1>
                <p>超级电影网 每月只需 $9.99</p>
                <p>您可以随时取消！！！</p>
            </div>
            <!-- 主要内容 -->
            <div class="zhucont">
                <!-- 内容左 -->
                <div class="cont-left">
                    <form action="1.php" method="post" id="form">
                        <input type="text" name="username" id="username" placeholder="用户名"><br>

                        <input type="password" name="password" id="password" placeholder="密码"><br>

                        <input type="password" name="re_password" id="re_password" placeholder="确认密码"><br>

                        <input type="checkbox" name="yuedu" id="yuedu">
                        <label for="yuedu">我同意接受关于 超级电影网 的注册条款， 并开始我的会员资格</label><br>
                        <input type="submit" value="注册" name="submit" id="submit">
                    </form>
                    <div class="or">
                        <span>————————————— 或 —————————————</span>
                        <p>您可以选择其中一个登录</p>
                        <div class="or-deng">
                            <a href="#" class="facebook">
                                <i class="iconfont icon-facebook"></i>
                                与 Facebook
                            </a>
                            <a href="#" class="google">
                                <i class="iconfont icon-google"></i>
                                与 Google
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 内容右 -->
                <div class="cont-right">
                    <img src="./img/side-image02.png" alt="">
                </div>
            </div>
            
        </div>
        <!-- 版权 -->
        <div class="copyright">
            <div class="cop-zt">
                <p>
                    <i class="iconfont icon-banquan-xian"></i>
                    2020 jQuery大作业 | 电影网站
                </p>
                <p>版权所有</p>
            </div>
        </div>
    </div>
    
</body>
<script src="./js/jquery.min.js"></script>
<script src="./js/zhuce.js"></script>
</html>